<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Websocket</title>
  </head>
  <body>
    <h1>WebSocket</h1>

    <script type="text/javascript">
      function uuid() {
        var s = [];
        var hexDigits = "0123456789abcdef";
        for (var i = 0; i < 36; i++) {
          s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
        }
        s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
        s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
        s[8] = s[13] = s[18] = s[23] = "-";

        var uuid = s.join("");
        return uuid;
      }

      const client_uuid = uuid();

      const ws = new WebSocket("ws://127.0.0.1:12345/echo");
      ws.onopen = function (ev) {
        ws.send(`{"type":"login","uid":"${client_uuid}","msg":"我登陆了"}`);
        setInterval(function () {
          var msg = {
            type: "msg",
            uid: client_uuid,
            msg: "你好啊",
            datatime: new Date().toLocaleTimeString(),
          };
          ws.send(JSON.stringify(msg));
        }, 3000);
      };
      ws.onmessage = function (ev) {
        if (ev.data) {
          console.log(ev.data);
        }
      };
    </script>
  </body>
</html>
